<!DOCTYPE html>
<html>
<head>
       
        <link rel="stylesheet" type="text/css" href="../../css/aui.css">
       
    <title>个人信息</title>
    <style>
        html {
            font-size: 33%;
            height: 100%;
            width: 100%;
            display: table;
        }

        body {
            display: table-cell;
            width: 100%;
            height: 100%;
        }
        ul{
            margin: 0;
            padding: 0;
        }
        li{
            list-style: none;
        }
        .all{
            height: 100%;
            width: 100%;
        }
        .top{
            position: relative;
            background-color: #f7911b;
            height: 7rem;
            width: 100%;
            text-align: center;
        }
        .back{
            font-size: 6rem;
            color: white;
            left: 2rem;
            line-height: 6.5rem;
            position: absolute;
        }
        .title{
            font-size: 4rem;
            color: white;
            line-height: 7rem;
        }
        .main{
            position: absolute;
            height: 92.32%;
            width: 100%;
            background-color: #e5e5e5;
        }
        .set_item{
            width: 100%;
            height: 52rem;
            background-color: white;
        }
        .set_item li{
            background-color: black;
            width: 100%;
            height: 7.5rem;
            background-color: white;
            border-bottom: 0.1rem solid #CCC;
        }
        .set_item_text{
            font-size: 3rem;
            color: #343434;
            line-height: 7.5rem;
            margin-left: 2rem;
        }
        .set_item_icon{
            float: right;
            color: #343434;
            line-height: 7.5rem;
            font-size: 2.22rem;
            margin-right: 2rem;
            
        }
        .head_img{
            width: 3rem;
            height: 3rem;
            border-radius: 2rem;
            margin-top: 2rem;
            float: left;
        }
    </style>
</head>
<body>
<div class="all">
    <div class="top">
        <span class="aui-iconfont aui-icon-left" style="font-size:4rem;float: left;line-height: 7rem;" tapmode onclick="api.closeWin()"></span>
        <span class="title">个人信息</span>
    </div>
    <div class="main">
        <ul class="set_item" style="margin-top: 1rem">
            <li><span class="set_item_text">头像</span><span class="aui-iconfont aui-icon-right" style="float: right;font-size: 3.5rem;line-height: 8rem;"></span><span class="set_item_icon"><img class="head_img" src="logo.jpg"/></span></li>
            <li><span class="set_item_text">昵称</span><span class="aui-iconfont aui-icon-right"style="float: right;font-size: 3.5rem;line-height: 8rem;margin-right: -2.2rem;"></span><span class="set_item_icon">123456</span></li>
            <li><span class="set_item_text">用户id</span><span class="aui-iconfont " style="float: right;">&nbsp;</span><span class="set_item_icon">123456</span></li>
            <li><span class="set_item_text">性别</span><span class="aui-iconfont aui-icon-right" style="float: right;font-size: 3.5rem;line-height: 8rem;"></span><span class="set_item_icon">男</span></li>
            <li><span class="set_item_text">出生日期</span><span class="aui-iconfont aui-icon-right" style="float: right;font-size: 3.5rem;line-height: 8rem;margin-right: -2.2rem;"></span><span class="set_item_icon">2019-01-01</span></li>
            <li><span class="set_item_text">地区</span><span class="aui-iconfont aui-icon-right" style="float: right;font-size: 3.5rem;line-height: 8rem;margin-right: -3rem;"></span><span class="set_item_icon">四川-成都</span></li>
            <li><span class="set_item_text">个性签名</span><span class="aui-iconfont aui-icon-right" style="float: right;font-size: 3.5rem;line-height: 8rem;margin-right: -3rem;"></span><span class="set_item_icon">你好!明天</span></li>
        </ul>
    </div>
</div>
</body>
</html>